<!--
 * @Description: 
 * @Author: dh
 * @Date: 2022-01-24 15:16:56
 * @LastEditors: dh
 * @LastEditTime: 2022-01-24 15:16:57
-->
<svg width="430" height="430">
	<!-- 线性渐变 -->
	<defs>
		<!-- 定义线性渐变 -->
		<linearGradient id="bg" x1="0" y1="0" x2="0" y2="100%">
			<stop offset="0%" style="stop-color: rgb(66, 192, 140)"></stop>
			<stop offset="100%" style="stop-color: #000"></stop>
		</linearGradient>
	</defs>
	<!-- 填充 -->
	<rect style="fill: url(#bg)" x="50" y="50" width="100" height="100"></rect>
</svg>

<svg width="430" height="430">
	<!-- 径向渐变 -->
	<defs>
		<!-- 定义径向渐变 -->
		<radialGradient id="bg2" cx="50%" cy="50%" r="50%" fx="50%" fy="50%">
			<stop offset="0%" style="stop-color: #000"></stop>
			<stop offset="100%" style="stop-color: #fff"></stop>
		</radialGradient>
	</defs>
	<!-- 填充 -->
	<rect style="fill: url(#bg2)" x="50" y="50" width="100" height="100"></rect>
</svg>
